﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:Custom="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:local="clr-namespace:WindowsPhone7UXGuide"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
	x:Class="WindowsPhone7UXGuide.dialog_boxes"
	FontFamily="{StaticResource PhoneFontFamilyNormal}"
	FontSize="{StaticResource PhoneFontSizeNormal}"
	Foreground="{StaticResource PhoneForegroundBrush}"
	SupportedOrientations="Portrait" Orientation="Portrait"
	shell:SystemTray.IsVisible="True">

	<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="Transparent">
		<Custom:Interaction.Triggers>
			<Custom:EventTrigger EventName="Loaded">
				<local:SetPivotIndexAction TargetName="pivot"/>
			</Custom:EventTrigger>
		</Custom:Interaction.Triggers>
		<!--Pivot Control-->
		<controls:Pivot x:Name="pivot" Title="DIALOG BOXES">
			<!--Pivot item one-->
			<controls:PivotItem x:Name="dialog_text_input" Header="text input">
				<Grid>
					<StackPanel Margin="0,43,0,0">
						<TextBlock Text="Lorem ipsum dolor" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" VerticalAlignment="Top" LineHeight="43" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" Margin="21,0,0,21"/>
						<TextBlock Text="Excepteur sint occaecat cupidatat non proident, sunt in culpa." FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" Height="62" Margin="21,0,24,24"/>
						<StackPanel Margin="12,0" Orientation="Vertical">
							<TextBlock Text="Enter password" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" VerticalAlignment="Top" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneSubtleBrush}" TextWrapping="Wrap" Margin="12,0,12,-5"/>
							<PasswordBox Height="72"/>
						</StackPanel>
						<CheckBox Content="Show password text" Foreground="{StaticResource PhoneForegroundBrush}"  Margin="12,0,0,0"/>
						<CheckBox Content="Remember my password" Foreground="{StaticResource PhoneForegroundBrush}" Margin="12,0,0,0" />
					</StackPanel>
				</Grid>
			</controls:PivotItem>

 			<!--Pivot item two-->
			<controls:PivotItem x:Name="dialog_custom" Header="custom">
				<Grid>
					<StackPanel>
						<TextBlock Text="Lorem ipsum dolor" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" VerticalAlignment="Top" LineHeight="43" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" Margin="21,0,0,21"/>
						<TextBlock Text="If you have a Live ID, enter it now to get content on your phone. If you use Messenger, Hotmail, or XBox Live, you already have a live ID. " FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" Margin="21,0,24,24"/>
						<StackPanel Margin="12,0,12,13" Orientation="Vertical">
							<TextBlock Text="Enter Live ID" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" VerticalAlignment="Top" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneSubtleBrush}" TextWrapping="Wrap" Margin="12,0,12,-5"/>
							<PasswordBox Height="72"/>
						</StackPanel>
						<StackPanel Margin="12,0,12,-11" Orientation="Vertical">
							<TextBlock Text="Enter password" FontSize="{StaticResource PhoneFontSizeNormal}" FontFamily="{StaticResource PhoneFontFamilyNormal}" VerticalAlignment="Top" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneSubtleBrush}" TextWrapping="Wrap" Margin="12,0,12,-5"/>
							<PasswordBox Height="72"/>
						</StackPanel>
						<TextBlock Text="If you don't have a Live ID, enter any email address and we'll create one for you." FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" Margin="21,0,24,24"/>
						<StackPanel  Orientation="Horizontal">
							<Button Content="submit" Width="228" VerticalAlignment="Top"/>
							<Button Content="cancel" Width="228" VerticalAlignment="Top"/>
						</StackPanel>
					</StackPanel>
				</Grid>
			</controls:PivotItem>
			<controls:PivotItem x:Name="dialog_message" Header="message">
				<Grid>
					<StackPanel Orientation="Vertical" Margin="-12,0,-12,256" Background="{StaticResource PhoneInactiveBrush}">
						<TextBlock Text="Lorem ipsum dolor sit amet, consectetur adipisicing" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" LineHeight="36" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" VerticalAlignment="Top" Margin="36,48,0,24"/>
						<TextBlock Text="Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" Margin="36,0,0,30" VerticalAlignment="Top"/>
						<Button Content="lorem ipsum" VerticalAlignment="Top" Width="228" Height="72" HorizontalAlignment="Left" Margin="23,0,0,0"/>
					</StackPanel>
					<StackPanel Height="72" VerticalAlignment="Bottom" Orientation="Horizontal" >
						<Button Content="lorem" Width="228"/>
						<Button Content="ipsum" Width="228"/>
					</StackPanel>
				</Grid>
			</controls:PivotItem>
			<controls:PivotItem x:Name="dialog_message_check_box" Header="checkbox">
				<Grid>
					<StackPanel Orientation="Vertical" Margin="-12,0,-12,219" Background="{StaticResource PhoneInactiveBrush}">
						<TextBlock Text="Lorem ipsum dolor" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" LineHeight="36" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" VerticalAlignment="Top" Margin="24,48,0,24"/>
						<TextBlock Text="Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" LineHeight="31" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" Margin="24,0,0,30" VerticalAlignment="Top"/>
						<CheckBox Content="Don't show again" Foreground="{StaticResource PhoneForegroundBrush}" Margin="13,-17,24,16" />
						<StackPanel Height="72" Orientation="Horizontal" Margin="12,0,24,0" >
							<Button Content="lorem" Width="228" HorizontalAlignment="Right" Height="72" VerticalAlignment="Center"/>
							<Button Content="ipsum" Width="228" HorizontalAlignment="Right" Height="72" VerticalAlignment="Center"/>
						</StackPanel>
					</StackPanel>
				</Grid>
			</controls:PivotItem>
		</controls:Pivot>
	</Grid>
</phone:PhoneApplicationPage>